<template>
	<view class="notice-message-list">
		<view class="notice-message-li" v-for="(t,index) in data.list">
			<image class="notice-message-li-image" :src="t.image" mode=""></image>
			<text class="notice-message-li-name">{{t.name}}</text>
		</view>
	</view>
</template>

<script setup>
	defineProps(["data"])
</script>

<style scoped>
	.notice-message-list{
		display: flex;
		border-bottom: 1rpx solid #c3c3c344;
	}

	
	.notice-message-li {
		padding: 30rpx 40rpx;
		width: 24%;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20rpx;
	}
	.notice-message-li-image {
		width: 80rpx;
		height: 80rpx;
	}
	.notice-message-li-name {
		font-size: 24rpx;
		color: gray;
	}
</style>